<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
			<script src="js/vue.js"></script>
	</head>
	<body>		
	<!-- 练习记事本功能，
	 在记事本列表目录中有部分数据，
	 当在输入框中输入数据后敲击回车，内容会进入到页面主体部分进行显示
	 可以逐条删除数据
	 在页面左下角有记录条数显示，可以点击右下角清空操作，则列表中的数据消失-->
		<div id="app">
			<button @click="doit()">点击</button>
			<input v-model="msg"/>
			{{msg}}
		</div>
	</body>
	<script>
	var app=new Vue({
		el:"#app",
		data:{
			msg:""
		},
		methods:{
		doit:function(){
			this.msg="改变了msg的值"
		}
			
		}
	})
	
	</script>
</html>
